<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="apple-touch-icon" sizes="180x180" href="/meta/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/meta/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/meta/favicon-16x16.png">
    <link rel="manifest" href="/meta/site.webmanifest">
    <link rel="mask-icon" href="/meta/safari-pinned-tab.svg" color="#5bbad5">
    <link rel="shortcut icon" href="/meta/favicon.ico">
    <meta name="msapplication-TileColor" content="#da532c">
    <meta name="msapplication-config" content="/meta/browserconfig.xml">
    <meta name="theme-color" content="#ffffff">

    <meta content="{{.Params.title}} | Pagefind" property="og:title">
    <meta content="{{.Params.title}} | Pagefind" property="twitter:title">
    <meta content="en_US" property="og:locale">
    <meta content="{{.Summary | plainify | htmlUnescape}}" name="description">
    <meta content="{{.Summary | plainify | htmlUnescape}}" property="og:description">
    <link href="{{.Permalink | absURL}}" rel="canonical">
    <meta content="{{.Permalink | absURL}}" property="og:url">
    <meta content="Pagefind" property="og:site_name">
    <meta data-pagefind-meta="image[content]" content="{{"/og.png" | absURL}}" property="og:image">
    <meta content="article" property="og:type">
    <meta content="{{.Date}}" property="article:published_time">
    <meta content="summary_large_image" name="twitter:card">
    <meta content="{{"/og.png" | absURL}}" property="twitter:image">

    <link href="/_pagefind/pagefind-ui.css" rel="stylesheet">
    {{ $style := resources.Get "css/site.scss" | toCSS | minify | fingerprint }}
    <link rel="stylesheet" href="{{ $style.Permalink }}">

    <title>{{.Params.title}} | Pagefind</title>
</head>
<body {{ with .Params.nav_section -}}{{- if not (eq . "Root") -}}
    data-pagefind-filter="section:{{ . }}"
{{- end -}}{{- end }}>
    {{ partial "banner.html" }}
    {{ partial "nav.html" }}
    <div class="search">
        <script src="/_pagefind/pagefind-ui.js" type="text/javascript"></script>
        <div id="search"></div>
    </div>
    <div class="column">
        <aside>
            {{ partial "docnav.html" . }}
        </aside>
        <main>
            <h1>{{ .Params.title }}</h1>
            {{ block "main" . }}{{ end }}
        </main>
    </div>
    <footer>
        <a href="https://cloudcannon.com" target="_blank">
            <img class="cloudcannon" src="/cloudcannon.svg" alt="CloudCannon">
        </a>
    </footer>

    <script>
        window.addEventListener('DOMContentLoaded', (event) => {
            new PagefindUI({ element: "#search" });
        });
    </script>

    {{ $js := resources.Get "js/site.js" | js.Build }}
    <script type="text/javascript" src="{{ $js.RelPermalink }}" defer></script>
</body>
</html>